<template>
  <div>
    <nav-bar class="category-bar">
      <div slot="center">商品分类</div>
    </nav-bar>
  </div>
</template>


<script>
  import NavBar from  'components/common/navbar/NavBar'

export default {
  name:'CategoryBar',
  components:{
    NavBar
  }
}
</script>

<style scoped>
  .category-bar {
    height: 44px;
    background-color: var(--color-tint);
    color: #fff;
    font-weight: 700;
    text-align: center;
  }
</style>